<!-- 逻辑 -->
<script setup lang="ts">
// 1.定义状态变量
import { ref } from 'vue';
const msg = ref('<button>吔屎啦你</button>')


</script>

<!-- 结构 -->
<template>
  <!-- 2. 渲染到页面上 -->
  <!-- v-html 标签会解析 -->
  <h2 v-html="msg"></h2>
  <!-- v-text 无论是什么都当做内容解析（字符串） -->
  <h2 v-text="msg"></h2>
  <!-- v-html，v-text 直接替换标签内部的所有内容
       如果要部分替换：{{ }} 插值表达式(用的是最多的)
       如果要全部替换:
        解析标签: v-html
        不解析标签: v-text
   -->
 
</template>

<!-- 样式 -->
<style scoped></style>
